<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    {include file="common/cssInfo" /}
    <!-- 网站ico -->
    <!-- <link rel="icon" href="img/favicon.ico" /> -->
    <title>{$confres.sitename}</title>
</head>

<body>
    <header>
        <!-- 导航栏 -->
        {include file="common/nav" /}
        <!-- END-导航栏 -->
    </header>
    <main>
        <div class="container-fluid paddingLR">
            <!-- 轮播图 -->
            <div id="myCarousel" class="carousel slide topCarousel hidden-xs">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="__IMG__/carousel1.jpg" class="img-responsive width100" alt="First slide">
                    </div>
                    <div class="item">
                        <img src="__IMG__/carousel1.jpg" class="img-responsive width100" alt="Second slide">
                    </div>
                    <div class="item">
                        <img src="__IMG__/carousel1.jpg" class="img-responsive width100" alt="Third slide">
                    </div>
                </div>
            </div>
            <!-- END-轮播图 -->

            <!-- 潮流前线 -->
            <div class="trendCarousel">
                <div class="container">
                    <div class="row">
                        <div class="newsTitle visible-xs col-xs-12" style="z-index:1000;">
                            <h3>潮流前线</h3>
                            <a href="{:url('imglist/index',array('cateid'=>14))}">
                                <span>more+</span>
                            </a>
                        </div>
                        <div id="trendCarousel" class="carousel slide">
                            <div class="carousel-inner">
                                <?php 
                                    for($i=0;$i<3;$i++){
                                ?>
                                <div class="item {if condition="$i == 1"}active{/if}">
                                    <div class="row">
                                        <ul>
                                            <?php
                                                for($j=0;$j<4;$j++){
                                            ?>
                                            <li class="col-lg-3 col-md-3 col-sm-3 noticeItem">
                                                <?php
                                                    $pop=$popArt[$i][$j];
                                                ?>
                                                <a href="{:url('article/index',array('artid'=>$pop.id))}">
                                                    <div class="noticeImg">
                                                        <img src="{$pop.thumb}" class="img-responsive" alt="">
                                                        <span class="noticeImgTime">{$pop.time|date="Y.m.d",###}</span>
                                                    </div>
                                                    <div class="noticeTitle">{$pop.title}</div>
                                                    <div class="noticeHr"></div>
                                                    <p class="noticeContent">
                                                        {$pop.desc}
                                                    </p>
                                                </a>
                                            </li>
                                            <?php } ?>
                                        </ul>
                                    </div>
                                </div>
                                <?php } ?>
                            </div>
                            <div class="carouselNav hidden-xs">
                                <a class="" href="#trendCarousel" data-slide="prev" title="上一页">上一页</a>
                                <span>
                                    <a href="{:url('imglist/index',array('cateid'=>14))}" title="潮流前线">潮流前线</a>
                                </span>
                                <a class="" href="#trendCarousel" data-slide="next" title="下一页">下一页</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END-潮流前线 -->
            <!-- END-中间上部分 -->
            <div class="whiteBg">
                <div class="container">
                    <!-- 中间上部分 -->
                    <div class="row">
                        <!-- 精彩赛事 -->
                        <div class="col-lg-5 col-md-5 col-sm-5">
                            <div class="game">
                                <div class="newsTitle">
                                    <h3>精彩赛事</h3>
                                    <a href="{:url('artlist/index',array('cateid'=>19))}">
                                        <span>more+</span>
                                    </a>
                                </div>
                                <div id="gameCarousel" class="carousel slide posiRelative">
                                    <!-- 轮播（Carousel）项目 -->
                                    <div class="carousel-inner">
                                        {volist name="techImgArt" id="techImg"}
                                        <div class="item {if condition="$i == 1"}active{/if}">
                                            <div class="bigImgNews">
                                                <a href="{:url('article/index',array('artid'=>$techImg.id))}">
                                                    <img src="{$techImg.thumb}" class="img-responsive" alt="">
                                                    <div class="newIco">新闻</div>
                                                    <p>
                                                        <span>{$techImg.time|date="Y.m.d",###}</span>
                                                        {$techImg.title}
                                                    </p>
                                                </a>
                                            </div>
                                        </div>
                                        {/volist}
                                    </div>
                                    <!-- 轮播（Carousel）导航 -->
                                    <a class="left leftBtn" href="#gameCarousel" role="button" data-slide="prev">
                                        <i class="glyphicon iconfont icon-xiangzuo1" aria-hidden="true"></i>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="right rightBtn" href="#gameCarousel" role="button" data-slide="next">
                                        <i class="glyphicon iconfont icon-xiangyou1" aria-hidden="true"></i>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </div>
                                <!-- END-#gameCarousel -->
                                <ul>
                                    {volist name="gameArt" id="game"}
                                    <li class="gameList">
                                        <a href="{:url('article/index',array('artid'=>$game.id))}" target="blank">
                                            <p>{$game.title}</p>
                                            <span>{$game.time|date="Y.m.d",###}</span>
                                        </a>
                                    </li>
                                    {/volist}
                                </ul>
                            </div>
                            <!-- END-game -->
                        </div>
                        <!-- END-精彩赛事 -->
                        <!-- 热门博文 -->
                        <div class="col-lg-7 col-md-7 col-sm-7">
                            <div class="hotBlog">
                                <div class="newsTitle">
                                    <h3>热门博文</h3>
                                    <a href="{:url('artlist/index',array('cateid'=>15))}">
                                        <span>more+</span>
                                    </a>
                                </div>
                                <ul class="hotBlogContent">
                                    <!-- 5篇 -->
                                    {volist name="techArt" id="tech"}
                                    <li class="hotList">
                                        <a href="{:url('article/index',array('artid'=>$tech.id))}" target="blank">
                                            <h3>{$tech.title}</h3>
                                            <p>{$tech.desc}</p>
                                        </a>
                                        <span class="author">
                                            <a href="">{$tech.author}</a>
                                        </span>
                                        <span class="hottime">{$tech.time|date="Y.m.d",###}</span>
                                        <ul class="hotRight">
                                            <li>
                                                <a href="{:url('article/index',array('artid'=>$tech.id))}" target="blank">{$tech.click}</a>阅读</li>
                                            <li>
                                                <a href="{:url('article/index',array('artid'=>$tech.id))}" target="blank">{$tech.comment}</a>评论</li>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </li>
                                    {/volist}
                                </ul>
                            </div>
                        </div>
                        <!-- END-热门博文 -->
                    </div>
                    <!-- END-中间上部分 -->
                </div>
                <!-- END-container -->
            </div>
            <!-- END-中间上部分 -->
            <!-- 中间部分 -->
            <div class="blueBg hidden-lg">
                <div class="container">
                    <div class="row">
                        <!-- 技术博文 -->
                        <div class="col-lg-8 col-md-8 col-sm-8 tabHeight">
                            <div class="">
                                <!-- tab列表 -->
                                <ul class="listTab">
                                    <li class="active">
                                        <a href="javascript:;" data-tab="#tab1">最新上线</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" data-tab="#tab2">机械博文</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" data-tab="#tab3">视觉博文</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" data-tab="#tab4">电控博文</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" data-tab="#tab5">游戏博文</a>
                                    </li>
                                    <a href="" class="tabMore">more+</a>
                                </ul>
                                <!-- END-listTab -->
                                <!-- END-tab列表 -->
                                <div class="clearfix"></div>
                                <!-- tab内容 -->
                                <div class="tabContent">
                                    <!-- item -->
                                    <div class="active" id="tab1">

                                    </div>
                                    <!-- END-item -->
                                    <!-- item -->
                                    <div id="tab2">abcd</div>
                                    <!-- END-item -->
                                    <!-- item -->
                                    <div id="tab3"></div>
                                    <!-- END-item -->
                                    <!-- item -->
                                    <div id="tab4"></div>
                                    <!-- END-item -->
                                    <!-- item -->
                                    <div id="tab5"></div>
                                    <!-- END-item -->
                                </div>
                                <!-- END-tabContent -->
                                <!-- END-tab内容 -->
                            </div>
                            <!-- END-row -->
                        </div>
                        <!-- END-技术博文 -->
                        <!-- 技术团队 -->
                        <div class="col-lg-4 col-md-4 col-sm-4 team">
                            <div class="newsTitle">
                                <h3>技术团队</h3>
                                <a href="/makeblog2.0/public/index.php/index/imglist/index/cateid/17">
                                    <span>more+</span>
                                </a>
                            </div>
                            <div id="teamCarousel" class="carousel slide">
                                <!-- 轮播（Carousel）项目 -->
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <a href="">
                                            <img src="__IMG__/teamShow1.jpg" class="teamImg" alt="First slide">
                                            <div class="teamIntr">
                                                <h3>队名：&ensp;ACE机器人俱乐部</h3>
                                                <span class="teamTime">成立时间：&ensp;2017年7月</span>
                                                <span>队长：&ensp;张宁</span>
                                                <span class="teamGroup">分组：&ensp;机械，软件，电控，宣传，运营，游戏</span>
                                                <p>团队介绍：ACE机器人俱乐部于2017年7月成立，前身是东莞理工学院RobotPioneer战队，ACE取自ace的王牌之意，表达了对队团队的期望——队员们在参加比赛和项目中，通过不断学习和探索，打造属于团队和自己在机器人领域的王牌</p>
                                            </div>
                                            <!-- END-teamIntr -->
                                        </a>
                                    </div>
                                    <!-- END-item -->
                                    <div class="item">
                                        <a href="">
                                            <img src="__IMG__/teamShow1.jpg" class="teamImg" alt="First slide">
                                            <div class="teamIntr">
                                                <h3>队名：&ensp;ACE机器人俱乐部</h3>
                                                <span class="teamTime">成立时间：&ensp;2017年7月</span>
                                                <span>队长：&ensp;张宁</span>
                                                <span class="teamGroup">分组：&ensp;机械组，软件组，电控组，宣传组，运营组，游戏组</span>
                                                <p>团队介绍：ACE机器人俱乐部于2017年7月成立，前身是东莞理工学院RobotPioneer战队，ACE取自ace的王牌之意，表达了对队团队的期望——队员们在参加比赛和项目中，通过不断学习和探索，打造属于团队和自己在机器人领域的王牌</p>
                                            </div>
                                            <!-- END-teamIntr -->
                                        </a>
                                    </div>
                                    <!-- END-item -->
                                    <div class="item">
                                        <a href="">
                                            <img src="__IMG__/teamShow1.jpg" class="teamImg" alt="First slide">
                                            <div class="teamIntr">
                                                <h3>队名：&ensp;ACE机器人俱乐部</h3>
                                                <span class="teamTime">成立时间：&ensp;2017年7月</span>
                                                <span>队长：&ensp;张宁</span>
                                                <span class="teamGroup">分组：&ensp;机械组，软件组，电控组，宣传组，运营组，游戏组</span>
                                                <p>团队介绍：ACE机器人俱乐部于2017年7月成立，前身是东莞理工学院RobotPioneer战队，ACE取自ace的王牌之意，表达了对队团队的期望——队员们在参加比赛和项目中，通过不断学习和探索，打造属于团队和自己在机器人领域的王牌</p>
                                            </div>
                                            <!-- END-teamIntr -->
                                        </a>
                                    </div>
                                    <!-- END-item -->
                                </div>
                                <!-- 轮播（Carousel）导航 -->
                                <div class="teamDir">
                                    <a class="left" href="#teamCarousel" role="button" data-slide="prev">
                                        <span class="" aria-hidden="true">上一页</span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="right" href="#teamCarousel" role="button" data-slide="next">
                                        <span class="" aria-hidden="true">下一页</span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- END-技术团队 -->
                    </div>
                </div>
            </div>
            <!-- 中间部分 -->
            <!-- 风采作品 -->
            <div class="container marTop30">
                <div class="newsTitle">
                    <h3>风采作品</h3>
                    <a href="{:url('imglist/index',array('cateid'=>18))}">
                        <span>more+</span>
                    </a>
                </div>
                <div class="row rowMar">
                    {volist name="showArt" id="show"}
                    {if condition="$i == 1||$i == 3"}
                    <div class="col-lg-3 col-md-3 col-sm-3 nopad advertiseBox">
                        <a href="{:url('article/index',array('artid'=>$show.id))}" target="blank">
                            <img src="{$show.thumb}" alt="" class="xcImg">
                            <div class="topTri"></div>
                            <div class="advertiseText">
                                <p class="title">{$show.title}</p>
                                <p class="time">{$show.time|date="Y.m.d",###}</p>
                                <p class="content">{$show.desc}</p>
                            </div>
                        </a>
                    </div>
                    {else /}
                    <div class="col-lg-3 col-md-3 col-sm-3 nopad advertiseBox phoneBgAdv" target="blank">
                        <a href="{:url('article/index',array('artid'=>$show.id))}">
                            <div class="advertiseText">
                                    <p class="title">{$show.title}</p>
                                    <p class="time">{$show.time|date="Y.m.d",###}</p>
                                    <p class="content">{$show.desc}</p>
                            </div>
                            <img src="{$show.thumb}" alt="" class="xcImg">
                            <div class="bottomTri"></div>
                        </a>
                    </div>
                    {/if}
                    {/volist}
                </div>
            </div>
            <!-- END-风采作品 -->
        </div>
    </main>
    <footer>
        <!-- 页脚 -->
        {include file="common/footer" /}
        <!-- END-页脚 -->
    </footer>
    <!-- boostrap_js文件 -->
    <script src="__JS__/jquery-3.3.1.min.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    <script src="__JS__/public.js"></script>
</body>

</html>